.handle{
    position: absolute;
 
    top:10px;
    left:252px;
    transform-origin:60px 60px;
    transform:rotate(-20deg);
}
.pan{

    margin-top:200px;
}
@keyframes move{
    0%{
        transform:rotate(-30deg)
    }
    100%{
        transform:rotate(0deg)
    }
}
@keyframes unmove{
    0%{
        transform:rotate(0deg)
    }
    100%{
        transform:rotate(-30deg)
    }
}
.move{
    /*  animation-fill-mode: 定义动画结束的位置
        forwards结束的位置停止
        /backwrds 开始的位置停止
    */
    animation:move 2s;
    animation-fill-mode: forwards;
}
.unmove{
    
    animation:unmove 2s;
    animation-fill-mode: forwards;
}